<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page   contentType="text/html;charset=UTF-8" language="java" %>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" />
	<link rel="stylesheet"  href="<%=path%>/css/Site.css" />
	<link rel="stylesheet" href="<%=path%>/css/zy.all.css" />
	<link rel="stylesheet" href="<%=path%>/css/font-awesome.min.css" />
	<link rel="stylesheet" href="<%=path%>/css/amazeui.min.css" />
	<link rel="stylesheet" href="<%=path%>/css/admin.css" />
	<style>
		.search {
			padding:10px 0;
		}
		#sform {
			position:relative;
			width:600px;
			margin-top: 10px;
			margin-bottom: 30px;
		}

		#search {
			width:100%;
			height:42px;
			padding-left:13px;
			border-radius: 5px;
		}
		#btn_search {
			height:42px;
			width:80px;
			cursor:pointer;
			position:absolute;
		}
		.bar #btn_search {
			border:2px solid #4F99C6;
			border-radius:5px;
			background:transparent;
			top:0;
			right:0;
		}
		.bar #btn_search {
			background:#4F99C6;
			border-radius:0 5px 5px 0;
			width:100px;
			top:0;
			right:0;
		}
		.bar #btn_search:before {
			content:"搜索";
			font-size:15px;
			color:#F9F0DA;
		}
	</style>
<body>
<div class="dvcontent">

	<div>
		<!--tab start-->
		<div class="tabs">
			<div class="hd">
				<ul style="">
					<li style="box-sizing: initial;-webkit-box-sizing: initial;" class="on">查看新闻</li>
					<li class="" style="box-sizing: initial;-webkit-box-sizing: initial;" ><a style="color:white; text-decoration: none;" href="<%=path%>/view/admin/add_news.jsp">添加新闻</a></li>
				</ul>
			</div>

			<div class="bd">
				<ul style="display: block;padding: 20px;">
					<li>
						<!--分页显示角色信息 start-->
						<div id="dv1">
							<div class="search bar">
								<form id="sform" action="<%=path%>/news/search">
									<input placeholder="输入关键字查询" name="key" type="text" id="search" value="${key}">
									<button type="submit" id="btn_search"></button>
								</form>
							</div>
							<form action="<%=path%>/news/deleteItems" method="post" id="form1">
								<table class="table" id="tbRecord">
									<thead>
									<tr>
										<th><input type="checkbox" id="selectAll"> 全选/反选</th>
										<th>新闻编号</th>
										<th>类别</th>
										<th>标题</th>
										<th>图片</th>
										<th>内容</th>
										<th>时间</th>
										<th>编辑</th>
										<th>删除</th>
									</tr>
									</thead>
									<c:forEach items="${info.list}" var="news">
									<tbody>
									<tr>
										<td><input type="checkbox" name="chkIds" value="${news.newsId}"></td>
										<td>${news.newsId}</td>
										<td>${news.category}</td>
										<td>${news.title}</td>
										<td>${news.photo}</td>
										<td>${news.body}</td>
										<td>${news.createTime}</td>
										<td>
											<a href="<%=path%>/news/getOne?newsId=${news.newsId}">
												<span class="glyphicon glyphicon-edit" aria-hidden="true"><i class="icon-edit bigger-120"></i>编辑</span>
											</a>
										</td>
										<td>
											<a href="javascript:delNews(${news.newsId}) ">
												<span class="glyphicon glyphicon-trash del" aria-hidden="true"><i class="icon-trash bigger-120"></i>删除</span>
											</a>
										</td>
									</tr>
									</c:forEach>
									<tr>
										<td colspan="7">
											<c:if test="${info.pageNum !=1}">
												<a href="<%=path%>/news/listAll?page=1&key=${key}">首页</a>
												<a href="<%=path%>/news/listAll?page=${info.prePage}&key=${key}">上一页</a>
											</c:if>
											<c:if test="${info.pageNum==1}">
												首页
												上一页
											</c:if>
											<c:forEach items="${info.navigatepageNums}" var="num">
												<c:if test="${num == info.pageNum}">
													【${num}】
												</c:if>
												<c:if test="${num != info.pageNum}">
													<a href="<%=path%>/news/listAll?page=${num}&key=${key}">${num}</a>
												</c:if>
											</c:forEach>
											<c:if test="${info.pageNum!=info.pages}">
												<a href="<%=path%>/news/listAll?page=${info.nextPage}&key=${key}">下一页</a>
												<a href="<%=path%>/news/listAll?page=${info.pages}&key=${key}">末页</a>
											</c:if>
											<c:if test="${info.pageNum == info.pages}">
												下一页
												末页
											</c:if>
										</td>
									</tr>
									</tbody>
								</table>
								<input  onclick="delAllNews()"  type="button" style="margin-left: 50%;color: white; padding: 4px; background-color:#D15B47;" id="delAll" class="icon-trash bigger-120" value="全部删除"/>
						</div>
					</li>
				</ul>
			</div>
		</div>
		</li>
		<!--分页显示角色信息 end-->
		</li>
		</ul>
		<ul class="theme-popbod dform" style="display: none;">
			<div class="am-cf admin-main" style="padding-top: 0px;">
				<!-- content start -->

				<div class="am-cf admin-main" style="padding-top: 0px;">
					<!-- content start -->
					<div class="admin-content">
						<div class="admin-content-body">

							<div class="am-g">
								<div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">

								</div>
								<div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
									 style="padding-top: 30px;">
									<form class="am-form am-form-horizontal"
										  action="<%=path%>/news/add" method="post">

										<div class="am-form-group">
											<label for="user-name" class="am-u-sm-3 am-form-label">
												类别</label>
											<div class="am-u-sm-9">
												<select name="groupId" required>
													<option value="">请选择分类</option>
													<option value="校园新闻"  >校园新闻</option>
													<option value="校内活动">校内活动</option>
													<option value="放假通知">放假通知</option>
												</select>

											</div>
										</div>
										<div class="am-form-group">
											<label for="user-name" class="am-u-sm-3 am-form-label">
												标题</label>
											<div class="am-u-sm-9">
												<input type="text"  required
													   name="title">
											</div>
										</div>
										<div class="am-form-group">
											<label for="user-name" class="am-u-sm-3 am-form-label">
												图片</label>
											<div class="am-u-sm-9">
												<input type="text"  required
													   name="photo">

											</div>
											<div class="am-form-group">
												<label for="user-name" class="am-u-sm-3 am-form-label">
													内容</label>
												<div class="am-u-sm-9">
													<input type="text"  required
														   name="body">

												</div>
												<div class="am-form-group">
													<label for="user-name" class="am-u-sm-3 am-form-label">
														时间</label>
													<div class="am-u-sm-9">
														<input type="text"  required
															   name="createTime">

													</div>
												</div>
												<div class="am-form-group">
													<div class="am-u-sm-9 am-u-sm-push-3">
														<input type="submit" class="am-btn am-btn-success" style="margin-top: 30px; margin-left: 40%; margin-bottom: 10px;" value="提交" />
													</div>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>

					</div>
					<!-- content end -->
				</div>
				<!-- end-->
			</div>
		</ul>
	</div>
</div>
<!--tab end-->

</div>

<script src="<%=path%>/js/jquery-3.6.0.js" type="text/javascript"></script>
<script src="<%=path%>/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="<%=path%>/js/plugs/Jqueryplugs.js" type="text/javascript"></script>
<script src="<%=path%>/js/_layout.js"></script>
<script src="<%=path%>/js/plugs/jquery.SuperSlide.source.js"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="<%=path%>/js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="<%=path%>/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/alert.min.js"></script>
<script>
    function delNews(newsId) {
        $.confirm('确认要删除吗？', function (isConfirm) {
            if (isConfirm) {
                //$.alert('确认');
                window.location.href ="<%=path%>/news/delete?newsId="+newsId;
            } else {
                //$.alert('取消');
            }
        });
    }
    function delAllNews() {
        $.confirm('确认要删除吗？', function (isConfirm) {
            if (isConfirm) {
                document.getElementById("form1").submit();
            } else {
                //$.alert('取消');
            }
        });
    }

    document.getElementById("selectAll").onclick=function(){
        var cbs=document.getElementsByName("chkIds");
        //遍历下面所有的选项
        for(var i=0;i<cbs.length;i++){
            //设置cbs[i].checked的状态与第一个firstcb.checked相同
            cbs[i].checked=this.checked;
        }
    }
</script>



</div>
</body>

</html>